page-member {
  .code-input {
    position: relative;
    padding-top: 270px;
    padding-bottom: 60px;
    input {
      padding-left: 70px;
      width: 1000px;
      height: 180px;
      border: 1px solid #333;
      border-radius: 20px;
      font-size: 56px;
    }
    div {
      position: absolute;
      top: 0px;
      width: 900px;
      height: 180px;
    }
  }
  ul {
    width: 1100px;
    position: relative;
    left: 50%;
    margin-left: -550px;
    padding: 0;
    padding-bottom: 270px;
  }
  ul li {
    padding-left: 0px;
    list-style-type: none;
  }
  .keyboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    li {
      margin-bottom: 20px;
      width: 280px;
      height: 180px;
      border: 1px solid #7d7d7d;
      border-radius: 20px;
      background-color: #f7f7f7;
      box-shadow: 0px 0px 15px #888888 inset;
      text-align: center;
      font-size: 60px;
      line-height: 180px;
    }

  }
}
